<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>WebCedis</title>

          <script src="src/page.js" type="text/javascript"></script>
           <link href="src/inettuts.css" rel="stylesheet" type="text/css" />


</head>

<body>



<div id="columns" style="background:#f7f2aa">
     <div id="material">
       <ul id="column1" class="column">

            <li class="widget color-granate" >

                <div class="widget-head">

                    <h3>Categoria</h3>

                </div>

              <div class="widget-content" id="AgregarCategoria">
                 <div class="text-container"> 
                  <ul>
                  <li><a href="#">Eliminar Categoria</a></li>
                  <li><a href="#">Modificar Categoria</a></li>
                  <li><a href="#"></a></li>
                  </ul>                
 
                   <form name="AgregarCategoria" method="post" action="">
                   
                   <label>Nombre de Categoria:</label>
                   <input type="text" name="NombreCategoria" />
                   <input type="submit" name="Enviar" value="Agregar" />
                   
                   </form>
                               
          
          
       </div>
     </div>

  </li>

   <li class="widget color-granate" >

                <div class="widget-head">

                    <h3>Tema</h3>

                </div>

              <div class="widget-content" id="AgregarTema">
                 <div class="text-container"> 
                
                 <form name="AgregarTema" action="" method="post">
                  <label>Seleccione una Categoria</label><br />
                  <select name="Categoria">
                  <option>Cat1</option>
                  <option>Cat2</option>
                  <option>Cat3</option>
                  <option>Cat4</option>
                  </select>
                  <br /> <br />
                  <label>Nombre de Tema:</label> <br />
                  <input type="text" name="NombreTema" value="Nombre de Tema" />
                  <input type="submit" value="Agregar" />
                 </form>
                                 
             


       </div>
     </div>

  </li>
  <li class="widget color-granate" >

                <div class="widget-head">

                    <h3>Material</h3>

                </div>

              <div class="widget-content" id="AgregarMaterial">
                 <div class="text-container"> 
                 <form name="AgregarMaterial" action="" method="post">
                  <label>Seleccione una Categoria</label><br />
                  <select name="Categoria">
                  <option>Cat1</option>
                  <option>Cat2</option>
                  <option>Cat3</option>
                  <option>Cat4</option>
                  </select>
                  <br /> <br />
                  
                   <label>Seleccione un Tema:</label><br />
                  <select name="Tema">
                  <option>Tema 1</option>
                  <option>Tema 2</option>
                  <option>Tema 3</option>
                  <option>Tema 4</option>
                  </select>
                  <br /> <br />
                  <label>Nombre de Tema:</label> <br />
                  <input type="text" name="NombreTema" value="Nombre de Tema" />
                  <input type="submit" value="Agregar" />
                 </form>
       </div>
     </div>

  </li>
  

        </ul>

</div>		
<div id="Usuarios">
       <ul id="column2" class="column">

          <li class="widget color-blue">  

                <div class="widget-head">

                    <h3>Usuarios de Biblioteca</h3>

                </div>

                <div class="widget-content" id="Usuarios">

				
                   Que desea Ud hacer: <br />
                  <ul>
                   <li><a href="#">Listar Todos los Usuarios</a></li>
                   
                   <li><a href="#">Buscar Usuario</a></li>
                   
                   <li><a href="#">Agregar Nuevo Usuario</a></li>
                   
                   <li><a href="#">Castigar a un Usuario</a></li>

                  <li><a href="#">Suspender a un Usuario</a></li>
                 </ul>  


                </div>

            </li>
            
            <li class="widget color-blue">  

                <div class="widget-head">

                    <h3>Listado de Usuarios</h3>

                </div>

                <div class="widget-content" id="ListaUsuarios">

				
                   Aqui se listaran los usuarios

                </div>

            </li>
            
            <li class="widget color-blue">  

                <div class="widget-head">

                    <h3>Direccion</h3>

                </div>

                <div class="widget-content" id="AgregarBibliotecario">
                  Que desea Ud. hacer
				    <ul>
                    <li><a href="#">Agregar Bibliotecario</a></li>
                    <li><a href="#">Listar Bibliotecarios</a></li>
                    <li><a href="#">Buscar Bibliotecario</a></li>
                    <li><a href="#">Suspender a un Bibliotecario</a></li>
                    <li><a href="#">Ver Mensajes</a></li>
                    </ul>
                   

                </div>

            </li>

       

            

        </ul>

</div>
<div id="Reportes">
        <ul id="column3" class="column">



		     <li class="widget color-yellow">

                <div class="widget-head">

                    <h3>Reporte de Usuarios</h3>

                </div>

                <div class="widget-content" id="UserReport">

                   Aqui se mostrara algunos reportes sobre los usuarios
                </div>

            </li>
            
            	<li class="widget color-yellow">

                <div class="widget-head">

                    <h3>Reporte de Prestamos</h3>

                </div>

                <div class="widget-content" id="PrestamosReport">

                   Aqui se mostrara algunos reportes sobre los prestamos realizados
                </div>
                
                

            </li>            	<li class="widget color-yellow">

                <div class="widget-head">

                    <h3>Solicitudes de Prestamos</h3>

                </div>

                <div class="widget-content" id="PrestamosReport">

                   Aqui se mostraran las solicitudes de prestamo
                </div>
                
                

            </li>


        </ul>

</div>

    </div>
	<script type="text/javascript" src="src/jquery-ui-personalized-1.6rc2.min.js"></script>
    <script type="text/javascript" src="src/inettuts.js"></script>
   		

	</body>

	</html>




